<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Blog List Left Sidebar</title>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png"/>
	<link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="css/jquery-ui.css">
	<link rel="stylesheet" href="css/slick.css">
	<link rel="stylesheet" href="css/chosen.min.css">
	<link rel="stylesheet" href="css/pe-icon-7-stroke.css">
	<link rel="stylesheet" href="css/magnific-popup.min.css">
	<link rel="stylesheet" href="css/lightbox.min.css">
	<link rel="stylesheet" href="js/fancybox/source/jquery.fancybox.css">
	<link rel="stylesheet" href="css/jquery.scrollbar.min.css">
	<link rel="stylesheet" href="css/mobile-menu.css">
	<link rel="stylesheet" href="fonts/flaticon/flaticon.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body class="inblog-page">

	<!-- 引入头部导航栏 -->
	<jsp:include page="top.jsp"></jsp:include>
	
	<div class="main-content main-content-blog list left-sidebar">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="breadcrumb-trail breadcrumbs">
						<ul class="trail-items breadcrumb">
							<li class="trail-item trail-begin">
								<a href="index.jsp">主页</a>
							</li>
							<li class="trail-item trail-end active">
								<a href="#">用户浏览</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="content-area content-blog col-lg-9 col-md-8 col-sm-12 col-xs-12">
					<div class="site-main">
						<h3 class="custom_blog_title">
							我们的小圈
						</h3>
						<div class="blog-list list-style">
							<div class="blog-item">
								<div class="post-format">
									<a href="#">
										<img src="images/blog-item-list-1.jpg" alt="img">
									</a>
								</div>
								<div class="post-info">
									<div class="category-blog">
										<a href="inblog_right-siderbar.jsp">附件</a>
									</div>
									<h3 class="post-title">
										<a href="inblog_right-siderbar.jsp">兰花种植手册</a>
									</h3>
									<div class="main-info-post">
										<p class="des">
											蛋清，火鸡香肠，小麦吐司，水。当然，他们不希望我们吃[...]
										</p>
									</div>
									<div class="author-view">
										<div class="author">
											<div class="avt">
												<img src="images/avt-blog1.png" alt="img">
											</div>
											<h3 class="name">
												admin
											</h3>
										</div>
									</div>
								</div>
							</div>
							<div class="blog-item">
								<div class="post-format">
									<a href="#">
										<img src="images/blog-item-list-2.jpg" alt="img">
									</a>
								</div>
								<div class="post-info">
									<div class="category-blog">
										<a href="#">附件</a>
									</div>
									<h3 class="post-title">
										<a href="#">兰花种植手册</a>
									</h3>
									<div class="main-info-post">
										<p class="des">
											蛋清，火鸡香肠，小麦吐司，水。当然，他们不希望我们吃[...]
										</p>
									</div>
									<div class="author-view">
										<div class="author">
											<div class="avt">
												<img src="images/avt-blog1.png" alt="img">
											</div>
											<h3 class="name">
												admin
											</h3>
										</div>
									</div>
								</div>
							</div>
							<div class="blog-item">
								<div class="post-format">
									<a href="#">
										<img src="images/blog-item-list-3.jpg" alt="img">
									</a>
								</div>
								<div class="post-info">
									<div class="category-blog">
										<a href="#">附件</a>
									</div>
									<h3 class="post-title">
										<a href="#">兰花种植手册</a>
									</h3>
									<div class="main-info-post">
										<p class="des">
											蛋清，火鸡香肠，小麦吐司，水。当然，他们不希望我们吃[...]
										</p>
									</div>
									<div class="author-view">
										<div class="author">
											<div class="avt">
												<img src="images/avt-blog1.png" alt="img">
											</div>
											<h3 class="name">
												admin
											</h3>
										</div>
									</div>
								</div>
							</div>
							<div class="blog-item">
								<div class="post-format">
									<a href="#">
										<img src="images/blog-item-list-4.jpg" alt="img">
									</a>
								</div>
								<div class="post-info">
									<div class="category-blog">
										<a href="#">附件</a>
									</div>
									<h3 class="post-title">
										<a href="#">兰花种植手册</a>
									</h3>
									<div class="main-info-post">
										<p class="des">
											蛋清，火鸡香肠，小麦吐司，水。当然，他们不希望我们吃[...]
										</p>
									</div>
									<div class="author-view">
										<div class="author">
											<div class="avt">
												<img src="images/avt-blog1.png" alt="img">
											</div>
											<h3 class="name">
												admin
											</h3>
										</div>
									</div>
								</div>
							</div>
							<div class="blog-item">
								<div class="post-format">
									<a href="#">
										<img src="images/blog-item-list-5.jpg" alt="img">
									</a>
								</div>
								<div class="post-info">
									<div class="category-blog">
										<a href="#">附件</a>
									</div>
									<h3 class="post-title">
										<a href="#">兰花种植手册</a>
									</h3>
									<div class="main-info-post">
										<p class="des">
											蛋清，火鸡香肠，小麦吐司，水。当然，他们不希望我们吃[...]
										</p>
									</div>
									<div class="author-view">
										<div class="author">
											<div class="avt">
												<img src="images/avt-blog1.png" alt="img">
											</div>
											<h3 class="name">
												admin
											</h3>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="pagination clearfix style2">
							<div class="nav-link">
								<a href="#" class="page-numbers"><i class="icon fa fa-angle-left" aria-hidden="true"></i></a>
								<a href="#" class="page-numbers">1</a>
								<a href="#" class="page-numbers">2</a>
								<a href="#" class="page-numbers current">3</a>
								<a href="#" class="page-numbers"><i class="icon fa fa-angle-right" aria-hidden="true"></i></a>
							</div>
						</div>
					</div>
				</div>
				<div class="sidebar sidebar-blog col-lg-3 col-md-4 col-sm-12 col-xs-12">
					<div class="wrapper-sidebar">
						<div class="widget widget-socials">
							<h3 class="widgettitle">
								关注我们
							</h3>
							<div class="content-socials">
								<div class="social-list">
									<a href="#" target="_blank" class="social-item">
										<i class="fa fa-facebook-square" aria-hidden="true"></i>
									</a>
									<a href="#" target="_blank" class="social-item">
										<i class="fa fa-twitter" aria-hidden="true"></i>
									</a>
									<a href="#" target="_blank" class="social-item">
										<i class="fa fa-instagram" aria-hidden="true"></i>
									</a>
								</div>
							</div>
						</div>
						<div class="widget widget-categories">
							<h3 class="widgettitle">按类别查看</h3>
							<ul class="list-categories">
								<li>
									<input type="checkbox" id="cb1">
									<label for="cb1" class="label-text">
										新品上市
									</label>
								</li>
								<li>
									<input type="checkbox" id="cb2">
									<label for="cb2" class="label-text">
										蕨类植物
									</label>
								</li>
								<li>
									<input type="checkbox" id="cb3">
									<label for="cb3" class="label-text">
										多肉植物
									</label>
								</li>
								<li>
									<input type="checkbox" id="cb4">
									<label for="cb4" class="label-text">
										仙人掌
									</label>
								</li>
								<li>
									<input type="checkbox" id="cb5">
									<label for="cb5" class="label-text">
										辅料
									</label>
								</li>
							</ul>
						</div>
						<div class="widget widget-post">
							<h3 class="widgettitle">热门文章</h3>
							<ul class="teamo-posts">
								<li class="widget-post-item">
									<div class="thumb-blog">
										<img src="images/sidebar-post1.jpg" alt="img">
									</div>
									<div class="post-content">
										<div class="cat">
											<a href="#">生活方式</a>
										</div>
										<h5 class="post-title"><a href="#">9个改变的快速提示[...]</a></h5>
									</div>
								</li>
								<li class="widget-post-item">
									<div class="thumb-blog">
										<img src="images/sidebar-post2.jpg" alt="img">
									</div>
									<div class="post-content">
										<div class="cat">
											<a href="#">实例</a>
										</div>
										<h5 class="post-title"><a href="#">9个改变的快速提示[...]</a></h5>
									</div>
								</li>
								<li class="widget-post-item">
									<div class="thumb-blog">
										<img src="images/sidebar-post3.jpg" alt="img">
									</div>
									<div class="post-content">
										<div class="cat">
											<a href="#">街头风格</a>
										</div>
										<h5 class="post-title"><a href="#">9个改变的快速提示[...]</a></h5>
									</div>
								</li>

							</ul>
						</div>
						<div class="widget widget-tags">
							<h3 class="widgettitle">
								热门标签
							</h3>
							<ul class="tagcloud">
								<li class="tag-cloud-link">
									<a href="#">杂色</a>
								</li>
								<li class="tag-cloud-link">
									<a href="#">仙人掌</a>
								</li>
								<li class="tag-cloud-link">
									<a href="#">花</a>
								</li>
								<li class="tag-cloud-link active">
									<a href="#">辅料</a>
								</li>
								<li class="tag-cloud-link">
									<a href="#">热门</a>
								</li>
								<li class="tag-cloud-link">
									<a href="#">蕨类</a>
								</li>
							</ul>
						</div>
						<div class="widget newsletter-widget">
							<div class="newsletter-form-wrap ">
								<h3 class="title">订阅我们的时事通讯</h3>
								<div class="subtitle">
									了解更多特别优惠，活动和促销
								</div>
								<input type="email" class="email" placeholder="邮箱">
								<button type="submit" class="button submit-newsletter">订阅</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
<!-- 引入页脚栏 -->
	<jsp:include page="footer.jsp"></jsp:include>

	<script src="js/jquery-1.12.4.min.js"></script>
	<script src="js/jquery.plugin-countdown.min.js"></script>
	<script src="js/jquery-countdown.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/magnific-popup.min.js"></script>
	<script src="js/isotope.min.js"></script>
	<script src="js/jquery.scrollbar.min.js"></script>
	<script src="js/jquery-ui.min.js"></script>
	<script src="js/mobile-menu.js"></script>
	<script src="js/chosen.min.js"></script>
	<script src="js/slick.js"></script>
	<script src="js/jquery.elevateZoom.min.js"></script>
	<script src="js/jquery.actual.min.js"></script>
	<script src="js/fancybox/source/jquery.fancybox.js"></script>
	<script src="js/lightbox.min.js"></script>
	<script src="js/owl.thumbs.min.js"></script>
	<script src="js/jquery.scrollbar.min.js"></script>
	<script src='https://ditu.google.cn/maps/api/js?key=AIzaSyC3nDHy1dARR-Pa_2jjPCjvsOR4bcILYsM'></script>
	<script src="js/frontend-plugin.js"></script>
</body>
</html>